﻿

/*header*/
.header{
    height:69px;
    width:100%;
    color:#000;
    z-index:33;
    padding:10px;
}
.header .info-box{
    flex-grow:1;
    padding: 0px 15px 0 0px;
}
.header .action-box{
    float:right;
}
.header .title-text{
    height:32px;
    line-height:32px;
    padding:0px 0px 0px 0px;
    font-size:16px;
    box-sizing:content-box;
    vertical-align:middle;
}

.header .btn ,
.webuploader-container > span,.webuploader-pick{
    box-sizing:border-box;
    display:inline-block;
    min-width:76px;
    line-height:38px;
    font-size:13px;
    text-decoration:none;
    text-align:center;
    padding:0px 15px;
    border-radius:3px;
}

.upload-box {
    float:left;
     color:#333;
}

.upload-box .btns {
    float:left;
}
.uploader-list {
    float:left;
    margin-left:20px;
    width:250px;
    position:relative;
    padding:0px 50px 0px 0px;
       
}

.uploader-list .info {
    float:left;
    font-weight:400;
}
.uploadinfo {
    margin-bottom:9px;
    font-size:13px;
}
.uploadinfo  .state{
    float:left;
    margin-left:10px;
}

.use-time {
    float:left;
    padding: 18px 10px 8px 10px;
    font-size: 16px;
    display:none;
}

/*webuploader*/
.progress {
    height: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    background-color: #f5f5f5;

}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.progress-striped .progress-bar {
   background:#f5f5f5;

}

.progress.active .progress-bar {
    background:#1593FF
}

.progress-p {
    position:absolute;
    left:210px;
    bottom:7px;
    font-size:13px;
}
.webuploader-container {
	position: relative;
}
.webuploader-element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
.webuploader-container > span,.webuploader-pick {
	position: relative;
}


.webuploader-pick-disable {
	opacity: 0.6;
	pointer-events:none;
}

.header .title-box {
    float:left;
}
.header .title-text{
    height:32px;
    line-height:32px;
    padding:8px 0px 0px 0px;
    font-size:16px;
    box-sizing:content-box;
    vertical-align:middle;

}
.header .tit-h1{
    height:32px;
    line-height:32px;
   
    font-weight:normal;
    font-size:18px;
    text-indent:15px;
        min-width:60px;
}
.header .tit-ipt {
    height:32px;
    line-height:32px;
    border:none;
    font-size:18px;
    margin:0;
    padding:0;
    text-indent:15px;
    background:none;
    display:none;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-family:"Microsoft YaHei",Helvetia,"lucida Grande",Verdana,Arial;
    width:100%

}
.header .active .tit-h1{
    display:none;
}
.header .active .tit-ipt{
    display:inline-block;
}
.header .tit-ipt.focus{
    display:inline-block;
    width:200%!important;

}
.header .author-txt{
    font-size:12px;
    color:#999;
    display:inline-block;
    padding-left:20px;


}
